<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        window.addEventListener('load',function(){
            const a = document.querySelector('a')
            a.addEventListener('click',function(){
                const divv = document.querySelector('div')
                divv.style.width = '100px'
                divv.style.height = '100px'
                divv.style.backgroundColor = 'red'
            })
        })
    </script>
</head>
<body>
    <!-- 3.1页面加载事件 
       为什么要学？
    有些时候需要等页面资源全部处理完了做一些事情
    老代码喜欢把 script 写在 head 中，这时候直接找 dom 元素找不到
-->


    <div><a href="#">点击</a></div>
</body>
</html>